<!DOCTYPE html>
<html class="ui-page-login">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页-成交率</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/reg_style.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/ljq.css" />
		<link rel="stylesheet" type="text/css" href="css/hgs-date.css" />
		<style>
			.time .a1 {
			    margin-left: 0;
			}
			.head2 span {
				background-image: none!important;
			}
			.head2 .img1{
				margin-left: 0.12rem;
			}
			.beijing {
				/*background: url(img/index_chengjiaolv.png)no-repeat center center;*/
				padding-top: 0.45rem;
				padding-bottom: 0.1rem;
				width: 100%;
				text-align: center;
			}
			
			.beijing .time {
				margin-top: 0.05rem;
			}
			
			
			
			.up {
				color: #FF6A4C!important;
			}
			
			.down {
				color: #0bc802!important;
			}
			
			.menu a {
				float: left;
				width: 30%;
				margin-left: 2%;
				border-radius: 5px;
				background: #fff;
				padding: 0.03rem 0;
				box-shadow: 1px 1px 1px rgba(65,152,255,0.2);
				text-align: center;
				margin-top: 0.15rem;
			}
			
			.menu a:nth-child(1) {
				margin-left: 3%;
			}
			
			.menu em {
				float: left;
				width: 100%;
				text-align: center;
				font-size: 0.1rem;
				color: #999;
			}
			
			.menu .span1 {
				float: left;
				width: 100%;
				text-align: center;
				font-size: 0.16rem;
				margin-top: 0.04rem;	
			}
			
			.menu .span2 {
				width: 0.4rem;
				text-align: center;
				margin-top: 0.05rem;
				font-size: 0.11rem;
				font-weight: normal;
			}
			
			.menu img {
				width: 0.1rem;
				margin-top: 0.05rem;
			}
			.tupian{
				width: 100%;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 999;
			}
			.lan{
				width: 100%;
				height: 1.3rem;
				background: url(img/beijing.png)no-repeat center center;
			}
			.bai{
				width: 100%;
				height: 0.4rem;
				background: #fff;
			}
			.menu{
				position: absolute;
				top: 0.8rem;
				width: 100%;
			}
			.zongtu{
				padding-top: 1.8rem;
			}
		</style>
	</head>

	<body>
		<div class="tupian">
			<div class="lan">
				<div class="head2">
					<em class="mui-action-back"><img class="img1" src="img/fanhui1.png" alt="" /></em>
					<div class="div2" style="width: 84%;"><span class="span3">成交率</span></div>
				</div>
				<div class="beijing">
					<div class="time clearfix">
						<div style="float: left;width: 0.15rem;margin-left: 0.12rem;height: 0.15rem;"></div>
						<em onclick="databian('jie');" style="color: #fff;" id="index-date-left" class=" mui-icon mui-icon-back a1 a2"></em>
						<span onclick="btn_date_show();" style="color: #fff;" id='index-date-show'></span>
						<em id="index-date-right" style="color: #fff;" onclick="databian('jia');" class=" mui-icon mui-icon-forward a2"></em>
						<img src="img/problem1.png" alt="" onclick="time_img(index_chengjiaolv);"/>
					</div>	
				</div>
			</div>
				<div class="menu clearfix">
					<a  href="store_dingdanmingxi.html" class="jianshu">
						<em>成交件数</em>
						<span id='index-chengjiaolv-turnover_count' class="span1 up"></span>
						<span id='index-chengjiaolv-turnover_count-compare_rate' class="span2 up"></span>
						<img id='index-chengjiaolv-turnover_count-pic' src="img/up.png" alt="" />
					</a>
					<a href="index_zhibiaochaxun.html?xbxtype=成交率" class="chengjiaolv">
						<em>成交率</em>
						<span id='index-chengjiaolv-turnover_rate' class="span1 down"></span>
						<span id='index-chengjiaolv-turnover_rate-compare_rate' class="span2 down"></span>
						<img id='index-chengjiaolv-turnover_rate-pic' src="img/down.png" alt="" />
					</a>
					<a href="index_zhibiaochaxun.html?xbxtype=客单价" class="danjia">
						<em>客单价</em>
						<span id='index-chengjiaolv-unit_price' class="span1 up "></span>
						<span id='index-chengjiaolv-unit_price-compare_rate' class="span2 up"></span>
						<img id='index-chengjiaolv-unit_price-pic' src="img/up.png" alt="" />
					</a>
				</div>
			<div class="bai"></div>
		</div>
		
		<div class="mui-content">
			<div class="zongtu" style="margin-bottom: 0.5rem;background: #fff;">
				<!--<div class="tu_graphic clearfix" style="margin-top: 0.3rem;">
					<div class="title0" id='index-graphic-data1-name'></div>
					<div id="statistics_turnover1" class="main_graphic"></div>
				</div>-->
				<div id="mychart" class="chart" style="width: 100%; height: 2.5rem; border: 0px solid #333;"></div>
			</div>
		</div>
		<!--/********************日期控件**************************/-->
		<!--<link rel="stylesheet" type="text/css" href="css/hgs-date.css" />
		<script src="js/hgs-date.js"></script>-->
		<!--/********************日期控件**************************/-->
		<input id="index-shop-lists-id" type="hidden">
		<input id="index-shop-lists" type="hidden">
		<input id='index-end-date' type="hidden" />
		<input id='index-start-date' type="hidden" />

		<!--/***************************************************/-->

		<script src="js/mui.min.js"></script>
		<script src="js/mui.enterfocus.js"></script>
		<script src="js/app.js"></script>
		<!--<script type="text/javascript" src="js/jsencrypt.min.js"></script>
		<script src="js/md5.js"></script>-->
		<script src="js/crypto-js.js"></script>
		<script src="js/jquery.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script type="text/javascript" src="js/fuction.js"></script>
		<script src="js/echarts.js"></script>
		<script src="js/hgs-date.js"></script>
		<script src="js/chart-zx-only-bj.js"></script>		<!--//只有折线与背景图	-->
		<script src="js/ljq_biaoqiao.js"></script>		<!--//标签	-->	
		<script type="text/javascript">
			mui.init();
		</script>
		<script>
			mui.ready(function() {
				//获取当前的客户数据
				xminereadyload();				
				//获取当天的日期	
				var xtoday = GetDateStr(0);
				if (user_info.look_start_date && user_info.look_end_date) {
					if (user_info.look_start_date != user_info.look_end_date) {
						mui("#index-date-show")[0].innerHTML = user_info.look_start_date + '至' + user_info.look_end_date;
					} else {
						mui("#index-date-show")[0].innerHTML = user_info.look_start_date;
					}
					mui("#index-start-date")[0].value = user_info.look_start_date;
					mui("#index-end-date")[0].value = user_info.look_end_date;
				} else {
					mui("#index-date-show")[0].innerHTML = xtoday;
					mui("#index-start-date")[0].value = xtoday;
					mui("#index-end-date")[0].value = xtoday;
					user_info.look_start_date = xtoday;
					user_info.look_end_date = xtoday;
				}


				//获取首页信息-成交率
				statistics_turnoverrate();

			});
			
			//变化日期的加减
			function databian(jiajie) {
				new_databian(jiajie, "#index-date-show"); //--------------------------------------------------->>>>>>>有日期选择的页面可以要
				//获取首页信息-数据
				statistics_turnoverrate(); //--------------------------------------------------->>>>>>>其他页面换方法
			}
			

			//获取首页信息-营业额信息
			function statistics_turnoverrate() {
				var xbx = {}; //登录后的参数对象AES加密
				xbx.shop_id = user_info.look_shop_id; //是 店铺ID
				xbx.start_date = user_info.look_start_date; //开始搜索日期
				xbx.end_date = user_info.look_end_date; //结束搜索日期

				official_login_after(url_host + 'statistics/turnoverrate', xbx, 'statistics_turnoverrate');
			}

			/********************日期控件**************************/
			//打开日历界面
			function btn_date_show() {
				$("#date_mbanner").show();
			}

			//确定选择日期
			function btn_date_submit() {
				judge_date_input();

				//获取首页信息-成交率
				statistics_turnoverrate();
			}
			/********************日期控件**************************/
		</script>

	</body>

</html>